VisualHMI - 功能按钮

什么是功能按钮?

image-20231010085800964

功能按钮控件常用于切换画面、对话框、菜单、自定义键盘等应用,其中切换动作可以根据条件触发,点击控件还可以发送通知。

本章节介绍功能按钮的基本属性、常见应用。

  1. 切换画面
  2. 对话框
  3. 菜单
  4. 条件执行
  5. 通知功能

适用范围:VisualHMI - HMI&M系列

例程下载链接:ViusalHMI - 功能按钮控件(点击下载)

1.属性介绍

本章节重点介绍功能按钮的属性,窗口如下所示

image-20231010090504104

1.1.功能设置

功能按钮的功能设置,属性如下所示

  1. 按钮用途 1.1.切换画面:

    • 目标画面:选择指定画面

    • 动画效果:无、从做到右、从右到左、从上到下、从下到上

    • 动画范围:整个画面、指定范围

      • 整个画面:

      • 指定范围:左边距(和左边界的距离)、右边距(和右边界的距离)、上边距(和上边界的距离)、下边距(和下边界的距离)

        image-20231010100406846

    1.2.打开对话框:

    • 目标画面:选择指定画面

    • 背景蒙版:0~100,0为透明

    • 弹出位置:可指定坐标,默认屏幕居中显示

      image-20231010100458015

    1.3.关闭对话框:一般结合“打开对话框”使用

    • 搭配打开对话框使用,按钮按下,返回原来的画面

    1.4.虚拟按键:

    • 配置键盘功能。本章节不进行阐述

    1.5.打开菜单:打开指定的菜单画面

    • 目标画面:选择指定画面

    • 背景蒙版:0~100,0为透明

    • 弹出位置:可指定坐标,默认屏幕居中显示

    • 菜单返回地址:将数写入到“打开菜单”配置的“菜单返回地址”里

    image-20231010100623577

    1.6.关闭菜单:一般结合“打开菜单”使用

  2. 执行时机:设置寄存器的时机

  3. 条件触发:

    • 触发地址:执行条件的寄存器地址
    • 比较:比较:支持基本的逻辑运算“>”、“<”、“>=”、“<=”、“==”、“!=”、“IN”(相当于a<= x <=b)、“OUT”(相当于ab)
    • 值:条件的比较值
  4. 执行动作时发送通知给PLC

    • 通知地址:PLC地址
    • 值:给“通知地址”写值

1.2.状态设置

功能按钮的“状态设置”属性,界面配置如下所示

image-20231010100721660

  1. 使用图库:设置控件不同状态下的显示效果

    • 松开时图库:松开按钮,图片显示状态;

    • 按下时图库:按下按钮,图片显示状态;

    • 裁剪:是否裁剪显示图片。

  2. 使用文字:设置控件不同状态下的显示效果

    • 默认字体:显示文字的字体;

    • 字体大小:显示字体的大小;

    • 行间接:每行字之间的间距(如20号字体,“行间距”为2.0,每行字的间距还一个20大小的字体)

    • 使用标签:使用标签内容作为文字显示;

    • 选择状态:可以单独设置控件每个状态文字的内容、颜色、对齐方式等属性。

2.应用案例

2.1.全屏/指定范围切换画面

2.1.1.工程配置

在“0_主页”画面中添加一个主菜单【功能按钮】,功能按钮属性配置如下所示::

  1. 按钮用途:切换画面;

    • 目标画面:1_切换画面

    • 动画效果:

      • 动画效果:从上到下
      • 动画范围:整个画面

image-20231010101941745

在“1_切换画面”中,功能按钮属性配置如图下所示:

  1. 按钮用途:切换画面;

    • 目标画面:0_主页

    • 动画效果:

      • 动画效果:从左到右
      • 动画范围:指定范围:左边距:60/ 右边距:60/上边距:185/下边距:195

image-20231010110114630

2.1.2.运行预览

VisualHMI软件和虚拟屏用“虚拟串口”建立联机。点击“切换画面”,屏幕从从上到下切换页面,点击返回,“方框”区域动态切换,运行效果如下所示

Video_2023-10-10_111823 (2) 00_00_00-00_00_30~7

2.2.条件触发

2.2.1.工程配置

”条件执行“常用于某寄存器值变化,执行对应操作,如注销登录等级等。

在“0_主页”画面中添加字设置按钮,用于修改寄存器值。添加一个功能按钮,用于条件成立时切换画面。字设置按钮层叠在功能按钮上面或将功能按钮移到画面外。字设置按钮配置如下所示:

  1. 写入地址:LW1000;
  2. 操作模式:写入变量

    • 常量值:1

image-20231010154441269

功能按钮配置如下所示:

  1. 按钮用途:切换画面;

    • 目标画面:2_条件执行
  2. 条件触发

    • 条件地址:LW1000
    • 比较:==
    • 值:1

image-20231010154729701

同理在“2_条件执行”画面中,添加字设置按钮、添加一个功能按钮,且字设置按钮层叠在功能按钮上层

功能按钮,界面配置如下所示:

  1. 按钮用途:切换画面;

  2. 目标画面:0_主页

  3. 条件触发

    • 条件地址:LW1000
    • 比较:==
    • 值:1

image-20231206161918608

字设置按钮配置如下所示:

  1. 写入地址:LW1000;
  1. 操作模式:写入变量
    • 常量值:1

image-20231010155538157

2.2.2.运行预览

VisualHMI软件和虚拟屏用“虚拟串口”建立联机。点击“条件切换”,设置寄存器LW1000为1,条件成立,切换到画面2。同理,点击返回,设置寄存器LW1000为0,返回主页,运行效果如下所示:

Video_2023-10-10_161823 00_00_00-00_00_30~1

2.3.对话框

2.3.1.工程配置

对话框通常用重要的参数设置,弹出对话框在进一步确认或取消;若确认操作,可以给PLC发送通知并返回,若取消直接返回。

在“0_主页”画面中添加一个功能按钮,界面配置如

  1. 按钮用途:打开对话框;

    • 目标画面:3_对话框

    • 背景蒙版:50;0-全透明,100不透明

image-20231010160022786

同理在“3_对话框”画面中,添加两个功能按钮,界面配置如下所示:

“YES”功能按钮:

  1. 按钮用途:关闭对话框
  2. 通知功能:√
    • 通知地址:LW1001
    • 写值:1

image-20231010163404946

2.3.2.运行预览

VisualHMI软件和虚拟屏用“虚拟串口”建立联机。点击“对话框”,点击确定或取消,返回主页,并发出指令,运行效果如下所示:

Video_2023-10-10_162845 00_00_00-00_00_30

2.4.菜单

2.4.1.工程配置

弹出菜单功能:点击按钮触发弹出菜单,选择子项,并返回菜单项的数值。在“0_主页”画面中添加一个功能按钮,一个多状态指示灯。

【功能按钮】配置如下所示:

  1. 按钮用途:打开菜单;

    • 目标画面:“4_菜单”;

    • 背景蒙版:50;0-全透明,100不透明;

    • 弹窗位置:X坐标:300;Y坐标:85;

    • 菜单返回地址:LW1002;

  2. 通知功能:√;

    • 通知地址:0x0F00。改地址和“4_菜单”画面中的多状态指示灯对应;
    • 写值:65535。复位0x0F00的值;

image-20231010163721996

【多状态指示灯】属性配置如下所示:

  1. 读取地址:LW1002
  2. 状态数:6
  3. 选择状态:S0~S5文字依次为自动、制冷、制热、送风、除湿、睡眠

image-20231010164801487

在“4_菜单”画面中添加5个功能按钮,5个多状态指示灯,以“自动”为例,界面配置如下所示

image-20231010165207825

2.4.2.运行预览

VisualHMI软件和虚拟屏用“虚拟串口”建立联机。点击菜单按钮,弹出菜单,选择对应子项更新数值,运行效果如下所示

Video_2023-10-10_165318 00_00_00-00_00_30

Copyright ©Dacai all right reserved,powered by Gitbook该文件修订时间: 2023-12-07 19:05:20

results matching ""

    No results matching ""